// $(function(){
//     $('#user_name').change(function () {
//         var user_name = $(this).val();
//         console.log(user_name);
//         $.get("/user/check/", {'user_name': user_name},
//             function (data, textStatus, jqXHR) {
//                 console.log(data['startus']);
//                 if(data['startus']){
//                     $('#user_name').css('border', '2px solid lawngreen');
//                     $('#info_user').html('用户名正确！').css('color', 'lawngreen');
//                 }else{
//                     $('#user_name').css('border', '2px solid red');
//                     $('#info_user').html('用户名不存在！').css('color', 'red');
//                 }
//             },
//             "json"
//         );
//     });
// });

$(function () {
    $('#user_name').bind('input propertychange blur', function (event) {
        var user_name = $.trim($(this).val());
        if(!user_name){
            $('#user_name').css('border', '2px solid red');
            $('#info_user').html('用户名不能为空！').css('color', 'red');
            return
        }
        // console.log(user_name);
        $.getJSON('/user/check/',{'user_name': user_name}, function (result) {
            if(result['startus']){
                $('#user_name').css('border', '2px solid red');
                $('#info_user').html('用户名已经存在！').css('color', 'red');
            }else {
                $('#user_name').css('border', '2px solid lawngreen');
                $('#info_user').html('可以注册！').css('color', 'lawngreen');
            }
        })
    });
    $('#pwd').bind('input propertychange blur', function () {
        var pwd= $.trim($(this).val());
        if(!pwd){
            $(this).css('border', '2px solid red');
            $('#info_pwd').html('密码不能为空！').css('color', 'red');
        }
        // console.log(pwd.length);
        var pwd_num = pwd.length;
        if(pwd_num===8){
            $(this).css('border', '2px solid lawngreen');
            $('#info_pwd').html('').css('color', 'lawngreen');
        }else {
            $(this).css('border', '2px solid red');
            $('#info_pwd').html('请设置8位密码 ！').css('color', 'red');
        }
    });
    // $('#user_name').blur(function () {
    //     if(!$.trim($(this).val())){
    //         $('#user_name').css('border', '2px solid red');
    //         $('#info_user').html('用户名不能为空！').css('color', 'red');
    //     }
    // });
    // $('button').click(function (event) {
    //     var span_color_user = $('#info_user').css('color').toString();
    //     var span_color_pwd = $('#info_pwd').css('color').toString();
    //     console.log(span_color_pwd);
    //     console.log(span_color_user);
    //     if(span_color_user === 'rgb(255, 0, 0)' || span_color_pwd==='rgb(255, 0, 0)'){
    //         event.preventDefault();
    //     }else if(span_color_user === 'rgb(124, 252, 0)' && span_color_pwd !== 'rgb(255, 0, 0)'){
    //         console.log('执行了');
    //         $('form').submit(function () {
    //             return true;
    //         })
    //     }
    // });
});

function check_form() {
    var span_color_user = $('#info_user').css('color').toString();
    var span_color_pwd = $('#info_pwd').css('color').toString();
    // console.log(span_color_pwd);
    // console.log(span_color_user);
    if(span_color_user === 'rgb(255, 0, 0)' || span_color_pwd==='rgb(255, 0, 0)'){
        return false;
    }else if(span_color_user === 'rgb(124, 252, 0)' && span_color_pwd !== 'rgb(255, 0, 0)'){
        console.log('执行了');
        return true;
    }

    return false;
}